<!-- 消费记录 -->
<template>
    <div class="page-box h100 display-flex czbj">
      <dxtable
        :dataJson="dataJson"
        :portUrl="portUrl"
        :sonRouter="sonRouter"
        :qx="qx"
        :headBtn="headBtn"
        :hidebj="true"
        ref="databale"
      ></dxtable>
    </div>
  </template>
   <script lang='ts' setup>
  import dxtable from "../../components/util/dxtable.vue";
  import sort from "../../components/util/sort.vue";
  import { NSwitch } from "naive-ui";
  import { dxget, dxpost, qurl } from "../../util/index";
  import { h, ref, reactive } from "vue";
  const cz = qurl();
  const databale = ref();
  const initeer = () => {
    databale.value.initDataExpose();
  };
  const props = defineProps({
    openid: { type: String },
  });
  const emit = defineEmits(["callBack"]);
  // 弹窗公用该列表
  let dataJson = [
    {
      title: "id",
      key: "id",
      width: 80,
    },
    {
      title: "消费名称",
      key: "ConsumptionName",
      search: true, // 是否在搜索栏展示
    },
  
    {
      title: "消费金额",
      key: "monetary",
    },
    {
      title: "消费时间",
      key: "addTime",
    },
  ];
  let portUrl = "mh/mhexpenseCalendar";
  let headBtn = [];
  let pupVal = cz.openid || props.openid;
  if (pupVal) {
    portUrl = "mh/mhexpenseCalendar?openid=" + pupVal;
  }
  
  const qx = {
    DeletePermissionID: "mhusersListdel2", //删除
    EditPermissionIdentifier: "mhusersListbj2", // 编辑
    NewPermissionIdentifier: "mhusersListxz2", // 新建
    ViewPermissionID: "mhusersListck", // 查看
  };
  
  const sonRouter = "abbEditNews";

  </script>
   <style scoped>
  </style>